<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>个人身份认证管理</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'/>
    <%@include file="/WEB-INF/pages/common/taglib.jsp" %>
    <%@include file="/WEB-INF/pages/common/common.jsp" %>
</head>
<body>
<div class="content content_frame">
    <h3 class="mainTitle"><img src="${basePath}/images/icon2.png"/>个人身份认证管理</h3>
    </br>
    <ul class="contentNav dib-wrap">
        <li class="dib" id="btnSearch" defaultkey='13'>
            <a><i class='fa fa-search'></i>&nbsp;&nbsp;查&nbsp;询 </a>
        </li>
        <li class="dib ">
            <a onclick="ClearAllInput('SearchTable')">
                <i class='fa fa-refresh'></i>&nbsp;&nbsp;重&nbsp;置 </a>
        </li>
    </ul>
    <br/>
    <table id="SearchTable" width="100%" class="table1">
        <tr>
            <td class="titleCss" style="width: 10%">　
                身份证号码
            </td>
            <td style="width: 15%">
                <input type='text' class="input1" style="width: 80%;" id="identityNo"
                       datafield="SearchTable.identityNo"/>
                　
            </td>
            <td style="width: 75%">&nbsp;</td>
        </tr>
    </table>
    <div class="cl"></div>
    <br/>
    <table id="corptable">
    </table>
    <div id="corptablePage">
    </div>
</div>


<script type="text/javascript">

    $(function () {
        $("#corptable").jqGrid({
            datatype: "json",
            url: "queryPersonalIdentityList",
            colNames: [
                '姓名',
                '身份证号', '性别', '年龄',
                '所属地区',
                '有效期'
            ],
            colModel: [
                {name: 'name', index: 'name'},
                {name: 'identityNo', index: 'identityNo'},
                {name: 'sex', index: 'sex'},
                {name: 'age', index: 'age'},
                {name: 'address', index: 'address'},
//                {name: 'startTime', index: 'startTime', width: '150px'},
                {name: 'endTime', index: 'endTime', width: '150px'}
            ],
            height: 'auto',
            shrinkToFit: false,
            autoScroll: true,
            rowNum: 10, //每页显示记录数
            rowList: [10, 20, 100], //可调整每页显示的记录数
            rownumbers: true,
//          multiselect: true, //是否支持多选
            multiselectWidth: 35,
            viewrecords: true, //是否显示行数
            pager: "#jqGridPager", //分页工具栏
            altRows: true,
            altclass: 'someClass',
            sortable: true,
            sortname: 'identityNo',
            sortorder: 'desc',
            loadComplete: function () {
                var rowNum = $(this).jqGrid('getGridParam', 'records');
                if (rowNum <= 0) {
                    if ($(this).parent().children('.norecords').length == 0)
                        $(this).parent().append("<div class=\"norecords\">暂无数据！</div>");
                    $(this).parent().children('.norecords').show();
                } else {//如果存在记录，则隐藏提示信息。
                    $(this).parent().children('.norecords').hide();
                }
                $(".ui-jqgrid tr.ui-row-ltr td").css('text-align', 'center');

            }
        });
        $("#corptable").setGridWidth($(window).width() * 0.98);
        //查询
        $("#btnSearch").click(function () {
            var jsonStr = customFormToData("SearchTable");
            $("#corptable").jqGrid('setGridParam', {
                url: "queryPersonalIdentityList", postData: JSON.parse(jsonStr), page: 1
            }).trigger("reloadGrid"); //重新载入
        });
    });
</script>
</body>
</html>
